<div class="tooltip" href="" />
tooltip クラスを使えばリストアイテムに複数の画像を登録できます。
hrefには画像へのパスを書き込みます。


書式

ソース

表示サンプル表示テスト
画像
A F F
スクリプトが正常に機能すれば、表示テストが表示サンプルのようになります。

tooltip内の文字「F」はスクリプトが特別に理解する予約文字です。
リストアイテムに表示される画像はデフォルトで F-tooltip から選択されます。
他にFのような予約文字として、J、JH、A　があります。
リストアイテムの画像部分クリックでポップアップする画像はデフォルトで A-tooltip から選択されます。
元々、J はフルジャケット画像に、JH は半ジャケット画像に、Aはプレビュー画像に、Fは画像ビューアに使うというルールで始まりました。
<span class="tooltip" href="../images/alphabet/a.png">F</span>
<span class="tooltip" href="../images/alphabet/b.png">J</span>
<span class="tooltip" href="../images/alphabet/c.png">JH</span>
<span class="tooltip" href="../images/alphabet/c.png">A</span>